// 顶部栏样式
.backgroun_index {
    top: 0;
    left: 0;
    width: 100%;
    position: fixed;
    border-radius: 0 0 10px 10px;
    z-index: 10;

    .custom_head {
        width: 100%;
        z-index: 100;

        &.custom_head_fixed {
            position: absolute;
            top: 0;
            left: 0;
        }

        .back_color {
            // 背景色样式已在WXML中通过style属性设置
            background-color: #ffffff;
            position: absolute;
            top: 0;
            left: 0;
        }
    }

    // flex布局容器
    .display_flex {
        display: flex;
        align-items: center;

        .index_logo {
            width: 244rpx;
            height: 64rpx;
        }
    }

    // 带相对定位的flex布局
    .display_flex_2 {
        display: flex;
        align-items: center;
        position: relative;

        // 左侧图标样式
        .left_icon {
            width: 40rpx;
            height: 40rpx;


            image {
                width: 40rpx;
                height: 40rpx;
            }
        }

        // 左侧图标盒子
        .left_icon_box {
            display: flex;
            background-color: rgba(255, 255, 255, 0.7);
            border: 1rpx solid rgb(209, 209, 209);
            position: relative;

            // 分割线
            .line {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 1px;
                height: 16px;
                background-color: #aaa;
                opacity: 0.8;
            }

            // 图标按钮
            .icon {
                width: 50%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
            }
        }

        // 中间文本区域
        .center_text {
            font-size: 36rpx;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;

            .t {
                color: #333;
                font-weight: 500;

                &.w {
                    color: #ffffff;
                }
            }
        }
    }
}